<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>地震小区划工作成果</title>
    <script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #app {
            padding: 0px;
            margin: 0px;
        }

        #app {
            border-top: 3px solid #0D9AFF;
            padding: 25px;
            /*background-attachment: fixed;*/
        }

        .tab-title {
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        .pagination {
            text-align: center;
            margin-top: 30px;
        }

        .el-dialog__footer {
            padding: 10px 20px 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .el-dialog__body {
            color: rgb(96, 98, 102);
            font-size: 14px;
            word-break: break-all;
            padding: 0px 20px;
        }

        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            width: 100%;
        }
        /* 搜索按钮样式修改 */
        #app .el-button.is-circle.search_btn{
            position: absolute;
            right: 0;
            top: 0;
            border: 0;
            background: none;
        }
        #app .el-button.is-circle.search_btn i{
            font-size: 17px;
        }
        /*//拟制公告*/
        .companycredit_gonggao .el-form-item__content{
            margin-left: 0!important;
        }
        .companycredit_publicstate .el-select{
            width: auto;
        }

        /* 拟制公告---封装样式 */
        .content_tab{
            padding: 20px 0;
        }
        .border_btm{
            border-bottom: 1px solid #ddd;
        }
        .border_right{
            border-right: 1px solid #ddd;
        }
    </style>
</head>

<body>
<div v-cloak id="app">
    <div style="margin-top: 10px; border-bottom:1px solid rgba(200,200,200,0.43);">
        <!--搜索栏-->
        <el-form :model="selectForm" ref="selectForm" label-width="150px">
            <el-row>
                <el-col :span="6">
                    <el-form-item label="项目名称:" prop="recordProjectName" label-width="100px">
                        <el-input v-model="selectForm.recordProjectName" style="width: 250px;"
                                  placeholder=""></el-input>
                    </el-form-item>
                </el-col>
                <el-col span="6">
                    <el-form-item label="备案人员:" prop="recordUser" label-width="100px">
                        <el-input v-model="selectForm.recordUser" style="width: 250px;" placeholder=""></el-input>
                    </el-form-item>
                </el-col>

                <el-col span="12">
                    <el-form-item label="备案申请时间:" label-width="110px">
                        <el-row>
                            <el-col span="6" style="width: 180px;">
                                <el-form-item prop="startDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="selectForm.startDate"
                                                    value-format="yyyy-MM-dd" style="width: 180px;">
                                    </el-date-picker>
                                </el-form-item>
                            </el-col>
                            <el-col span="1" style="color: rgb(192, 204, 218);text-align: center;">
                                <span>—</span>
                            </el-col>
                            <el-col span="5">
                                <el-form-item prop="endDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="selectForm.endDate"
                                                    value-format="yyyy-MM-dd" style="width: 180px;">
                                    </el-date-picker>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form-item>
                </el-col>

            </el-row>

            <el-row>
                <el-col :span="6">
                    <el-form-item label="审核状态:" style="width: 330px;" prop="status" label-width="100px">
                        <el-select v-model="selectForm.status" placeholder="请选择" style="width: 250px;">
                            <el-option label="未提交" value="0"></el-option>
                            <el-option label="已提交待审核" value="1"></el-option>
                            <el-option label="审核未通过" value="2"></el-option>
                            <el-option label="审核已通过" value="3"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="建设单位名称:" prop="recordUnitName" label-width="100px">
                        <el-input v-model="selectForm.recordUnitName" style="width: 250px;"
                                  placeholder=""></el-input>
                    </el-form-item>
                </el-col>
                <!--<el-col :span="7">
                  <el-form-item label="上报状态:" style="width: 330px;" label-width="100px" prop="reportStatus">
                      <el-select v-model="selectForm.reportStatus" placeholder="请选择" style="width: 250px;">
                          <el-option label="未上报" value="0"></el-option>
                          <el-option label="已上报" value="1"></el-option>
                      </el-select>
                 </el-form-item>
                </el-col>-->
                <div style="float: right;">
                    <el-button v-if="orgName!='中国'" type="primary" size="small" style="width: 60px;height: 30px;" @click="apply">新增
                    </el-button>
                    <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                               @click="searchForm('selectForm')">查询
                    </el-button>
                    <el-button type="warning" size="small" style="width: 60px;height: 30px;"
                               @click="resetForm('selectForm')">重置
                    </el-button>
                </div>

            </el-row>
        </el-form>
    </div>

    <!--分页表单栏-->
    <el-table :data="areaearthquake" border style="width: 100%;margin-top: 35px;"
              :header-cell-style="{background:'#eef1f6',color:'#606266'}">
       <!-- <el-table-column type="selection"></el-table-column>-->
        <el-table-column
                :resizable="false"
                type="index"
                label="序号"
                width="60" align="center">
        </el-table-column>
        <el-table-column
                prop="recordProjectName"
                label="项目名称"
                width="260"
                align="center">
        </el-table-column>
        <el-table-column
	            prop="recordUnitName"
	            label="建设单位名称"
	            width="180"
	            align="center">
        </el-table-column>
        <el-table-column
	            prop="recordProjectUnitname"
	            label="承担单位名称"
	            width="180"
	            align="center">
        </el-table-column>
        <el-table-column
                prop="status"
                label="审核状态"
                width="150"
                align="center">
            <template scope="scope">
                <span v-if="scope.row.status==0" style="color:#F19437;">未提交</span>
                <span v-if="scope.row.status==1" style="color:#20A0FF;">已提交待审核</span>
                <span v-if="scope.row.status==2" style="color:#FF4949;">审核未通过</span>
                <span v-if="scope.row.status==3" style="color:#67C23A;">审核已通过</span>
            </template>
        </el-table-column>
        <!--<el-table-column
               prop="reportStatus"
               label="上报状态"
               width="120"
               align="center">
           <template scope="scope">
               <span v-if="scope.row.reportStatus==0" style="color:#F19437;">未上报</span>
               <span v-if="scope.row.reportStatus==1" style="color:#67C23A;">已上报</span>
           </template>
       </el-table-column>-->
        <el-table-column
                prop="recordUser"
                label="备案人员"
                width="120"
                align="center">
        </el-table-column>
        <el-table-column
                prop="recordLevel"
                label="备案级别"
                width="120"
                align="center">
            <template scope="scope">
                <span v-if="scope.row.recordLevel==0" style="">地市级</span>
                <span v-if="scope.row.recordLevel==1" style="">省级</span>
                <span v-if="scope.row.recordLevel==2" style="">国家级</span>
            </template>
        </el-table-column>
        <el-table-column
                label="操作"
                width=""
                align="center">
            <template slot-scope="scope">
                <!--若上报状态为1：已上报，只展示查看-->
              <!--  <span v-if="scope.row.reportStatus=='1'&&orgName!='中国'" style="color:#F19437;">
                     <el-button type="" size="mini"
                                @click="view(scope.$index,scope.row);viewdialogForm = true">查看</el-button>
                </span>-->

                <span v-if="scope.row.reportStatus=='1'&&orgName=='中国'" style="color:#F19437;">
                     <el-button type="" size="mini"
                                @click="view(scope.$index,scope.row);viewdialogForm = true">查看</el-button>
                    <!--审定已通过状态3， 公告状态为0，显示拟制公告按钮-->
                <el-button v-if="scope.row.status=='3' && scope.row.recordPublicStauts=='0'" type="info" size="mini" @click="gongGao(scope.$index,scope.row)">拟制公告</el-button>
                    <!--审定已通过状态3， 公告状态为1，显示查看公告按钮，拟制公告按钮禁用-->
               	<el-button v-if="scope.row.status=='3' && scope.row.recordPublicStauts=='1'" type="" size="mini" @click="viewgongGao(scope.$index,scope.row)">查看公告</el-button>
                </span>
                <!--若上报状态为0：未上报-->
                <span v-if="scope.row.reportStatus==0||(scope.row.reportStatus=='1'&&orgName!='中国')" style="color:#67C23A;">
                        <el-button type=""
                                   size="mini"
                                   @click="view(scope.$index,scope.row);viewdialogForm = true">
                            查看
                        </el-button>

                    <!--修改功能-->
                        <el-button v-if="scope.row.status==0||scope.row.status==2"
                                   type="primary"
                                   size="mini"
                                   @click="edit(scope.$index,scope.row);editdialogForm = true">
                            修改
                        </el-button>
                        <el-button v-if="scope.row.status==1||scope.row.status==3"
                                   type="primary"
                                   size="mini"
                                   disabled>
                            修改
                        </el-button>
                         <el-button v-if="scope.row.status==1"
                                    type="success"
                                    size="mini"
                                    @click="cancelRecord(scope.$index,scope.row)">
                            撤回
                        </el-button>
                    <!--提交功能-->
                        <el-button v-if="scope.row.status==0"
                                   type="success"
                                   size="mini"
                                   @click="submit(scope.$index,scope.row)">
                            提交
                        </el-button>
                        <el-button v-if="scope.row.status!=0"
                                   type="success"
                                   size="mini"
                                   disabled>
                            提交
                        </el-button>

                    <!--删除功能：状态为0：未提交时可以删除，其他状态不可用-->
                        <el-button v-if="scope.row.status==0"
                                   type="danger"
                                   size="mini"
                                   @click="del(scope.$index,scope.row);">
                            删除
                        </el-button>
                        <el-button v-if="scope.row.status!=0"
                                   type="danger"
                                   size="mini"
                                   disabled>
                            删除
                        </el-button>
                </span>
            </template>
        </el-table-column>
    </el-table>
    <div style="overflow: hidden;">
        <div class="pagination">
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-sizes="[10, 20, 30, 40]"
                    :page-size="pagesize"
                    background
                    layout="total, sizes,prev, pager, next"
                    :total="tableTotal"
                    prev-text="上一页"
                    next-text="下一页">
            </el-pagination>
        </div>
    </div>
    <!--放大镜搜索框-->
    <el-dialog title="建设单位信息搜索" :before-close="handleDialogClose" :before-close="handleDialogClose" :visible.sync="dialogFormVisible" width="70%">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
            <el-form-item label="建设单位名称">
                <el-input v-model="formInline.enterpriseName" placeholder="请输入建设单位名称"></el-input>
            </el-form-item>
            <el-form-item label="建设单位证件号码：">
                <el-input v-model="formInline.enterpriseIdNumber" placeholder="请输入证件号码"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button size="small" style="width: 60px;height: 30px;" type="primary" @click="onSearch()">查询</el-button>
            </el-form-item>
        </el-form>
        <el-table
                :data="companyInformation"
                highlight-current-row
                @current-change="selectCurrentChange"
                style="width: 100%">
            <el-table-column
                    fixed
                    prop="enterpriseName"
                    label="建设单位名称">
            </el-table-column>
            <el-table-column
                    prop="enterpriseIdNumber"
                    label="建设单位证件号码">
            </el-table-column>
            <!--<el-table-column
                    prop="enterpriseIdType"
                    label="建设单位类型">
            </el-table-column>-->
            <el-table-column
                    prop="legalMan"
                    label="法人">
            </el-table-column>
        </el-table>
        <div style="overflow: hidden;">
            <div class="pagination">
                <el-pagination
                        @size-change="handleSizeChange1"
                        @current-change="handleCurrentChange1"
                        :current-page="currentPage1"
                        :page-sizes="[5, 10, 20, 40]"
                        :page-size="pagesize1"
                        background
                        layout="total, sizes,prev, pager, next"
                        :total="tableTotal1"
                        prev-text="上一页"
                        next-text="下一页">
                </el-pagination>
            </div>
        </div>
        <div slot="footer" class="dialog-footer" align="right">
            <el-button size="small" style="width: 60px;height: 30px;" @click="dialogFormVisible = false;formInline.enterpriseName='';formInline.enterpriseIdNumber='';">取 消</el-button>
            <el-button size="small" style="width: 60px;height: 30px;" type="primary" @click="onAddInformation()">确 定</el-button>
        </div>
    </el-dialog>
    <!--新增弹窗-->
    <el-dialog title="" :visible.sync="newdialogForm" center fullscreen>
        <div style="margin-top: 10px;">
            <el-form :model="newareaearthquake" :rules="rules" ref="newareaearthquake" label-width="140px">
                <!--建设工程情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设工程情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7">
                        <el-form-item label="项目名称:" prop="recordProjectName" label-width="110px">
                            <el-input v-model="newareaearthquake.recordProjectName" placeholder="" style=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="17">
                        <el-form-item label="项目场址:" required label-width="110px">
							<span v-for="(item,index) in newareaearthquake.address">
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
										<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="">
											<el-option
                                                    v-for="items in item.provinceData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
										<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="">
											<el-option
                                                    v-for="items in item.cityData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
										<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="">
									    	<el-option
                                                    v-for="items in item.areaData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
										    </el-option>
									    </el-select>
								    </el-form-item>
							    </el-col>
							    <el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
							    <el-col :span="7">
								    <el-form-item>
								    	<el-input v-model="item.detailAddress" placeholder="填写详细地址" ></el-input>
								    </el-form-item>
							    </el-col>
							    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" icon="el-icon-circle-plus-outline" style="margin-left: 8px;">跨省</el-button>
							    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;">删除</el-button>
							</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="占地面积:" prop="recordLandArea" label-width="110px">
                            <el-input v-model="newareaearthquake.recordLandArea" placeholder=""
                                      style="width: 150px;"></el-input>
                            平方千米
                        </el-form-item>
                    </el-col>
                    <el-col :span="7">
						<el-form-item label="用地类型:" prop="recordLandType" label-width="110px">
							<el-form-item prop="recordLandType">
								<el-select v-model="newareaearthquake.recordLandType" placeholder="请选择"
										   @change="changeValuetype" style="width: 250px;">
									<el-option label="涉核设施" value="0"></el-option>
									<el-option label="国家水电工程" value="1"></el-option>
									<el-option label="特殊设防类工程" value="2"></el-option>
									<el-option label="严重次生灾害工程" value="3"></el-option>
									<el-option label="省级重大建设工程" value="4"></el-option>
									<el-option label="重要基础设施" value="5"></el-option>
									<el-option label="其他" value="6"></el-option>
								</el-select>
							</el-form-item>
						</el-form-item>
					</el-col>
					<el-col :span="8" v-if="LandType == '0'">
                        <el-form-item label="区域内拟建重大工程:" prop="recordProposedProject" label-width="155px">
                            <el-input v-model="newareaearthquake.recordProposedProject" placeholder="" style="width: 350px;"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8" v-if="LandType == '1' || LandType == ''">
                        <el-form-item label="区域内拟建重大工程:"  label-width="155px">
                            <el-input v-model="newareaearthquake.recordProposedProject" placeholder="" style="width: 350px;"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="工程概况:" prop="recordProjectSurvey" label-width="120px">
                            <el-input v-model="newareaearthquake.recordProjectSurvey" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--建设单位信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设单位信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="单位名称:" prop="recordUnitName" label-width="90px">
                            <el-input v-model="newareaearthquake.recordUnitName" placeholder=""></el-input>
                            <el-button icon="el-icon-search" circle class="search_btn"@click="onSearch();dialogFormVisible = true"></el-button>

                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
                            <el-input v-model="newareaearthquake.recordUnitUser" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
                            <el-input v-model="newareaearthquake.recordUnitPhone" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18">
                        <el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">
                            <el-input v-model="newareaearthquake.recordUnitCode" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
                            <el-input v-model="newareaearthquake.recordUnitLegal" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--区域地震安全性评估情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        区域地震安全性评估情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="120px">
                            <el-input v-model="newareaearthquake.recordProjectUnitname" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="180px">
                            <el-input type="number" v-model.number="newareaearthquake.recordProjectContractAmount" @change="ToCDB" placeholder="" style="width:170px"></el-input> 万元
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="recordProjectUser" label-width="150px">
                            <el-input v-model="newareaearthquake.recordProjectUser" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col span="5">
                        <el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
                            <el-input v-model="newareaearthquake.recordProjectPhone" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
                            <el-input v-model="newareaearthquake.recordProjectLegal" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="6">
                        <el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
                            <el-input v-model="newareaearthquake.recordProjectDirector" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="审核单位名称:" prop="recordProjectCheckunit" label-width="150px">
                            <el-input v-model="newareaearthquake.recordProjectCheckunit" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="5">
                        <el-form-item label="审核完成时间:" prop="recordProjectCheckTime" label-width="120px">
                            <el-date-picker type="date" placeholder="选择日期"
                                            v-model="newareaearthquake.recordProjectCheckTime">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="审核部门意见:" prop="recordProjectView" label-width="150px">
                            <el-select v-model="newareaearthquake.recordProjectView" placeholder="请选择"
                                       style="width: 180px;">
                                <el-option label="同意" value="1"></el-option>
                                <el-option label="不同意" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
                            <el-select v-model="newareaearthquake.recordLevel" placeholder="请选择备案级别">
                                <el-option label="地市级" value="0"></el-option>
                                <el-option label="省级" value="1"></el-option>
                                <el-option label="国家级" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="附件:" label-width="110px">
                            <iframe width="100%" style="height:200px;border: none;"   :src="link"></iframe>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--项目备案信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目备案信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="备案时间:" prop="recordTime" label-width="110px">
                            <el-date-picker
                            	disabled
                                    v-model="newareaearthquake.recordTime"
                                    type="date"
                                    placeholder="">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案人员:" prop="recordUser" label-width="110px">
                            <el-input v-model="newareaearthquake.recordUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
                            <el-input v-model="newareaearthquake.recordOrg" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="recordRemark" label-width="110px">
                            <el-input
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    maxlength="500"
                                    show-word-limit
                                    v-model="newareaearthquake.recordRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                                       @click="newonSubmit('newareaearthquake')">暂存
                            </el-button>
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                                       @click="saveonSubmit('newareaearthquake')">提交
                            </el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="newdialogForm = false;cancel();resetForm('newareaearthquake')">取消
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>
    <!--查看详情弹窗-->
    <el-dialog title="" :visible.sync="viewdialogForm" center fullscreen>
        <div style="margin-top: 0px;">
            <el-form :model="viewareaearthquake" :rules="rules" ref="viewrecordProject" label-width="140px">
                <!--建设工程情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设工程情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7">
                        <el-form-item label="项目名称:" prop="recordProjectName" label-width="120px">
                            <el-input v-model="viewareaearthquake.recordProjectName" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="17">
                        <el-form-item label="项目场址:" required label-width="110px">
							<span v-for="(item,index) in viewareaearthquake.address">
								<el-col :span="4">
									<!--<el-form-item prop="provinceValue" :rules="rules.provinceValue">-->
									<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
										<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="" disabled>
											<el-option
                                                    v-for="items in item.provinceData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
										<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="" disabled>
											<el-option
                                                    v-for="items in item.cityData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
										<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="" disabled>
									    	<el-option
                                                    v-for="items in item.areaData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
										    </el-option>
									    </el-select>
								    </el-form-item>
							    </el-col>
							    <el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
							    <el-col :span="7">
								    <el-form-item>
								    	<el-input v-model="item.detailAddress" placeholder="填写详细地址" disabled></el-input>
								    </el-form-item>
							    </el-col>
							    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" icon="el-icon-circle-plus-outline" style="margin-left: 8px;" disabled>跨省</el-button>
							    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;" disabled>删除</el-button>
							</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="占地面积:" prop="recordLandArea" label-width="110px">
                            <el-input v-model="viewareaearthquake.recordLandArea" placeholder="" style="width: 150px;"
                                      disabled></el-input>
                            平方千米
                        </el-form-item>
                    </el-col>
                    <el-col :span="7">
						<el-form-item label="用地类型:" prop="recordLandType" label-width="110px">
							<el-form-item prop="recordLandType">
								<el-select v-model="viewareaearthquake.recordLandType" placeholder="请选择"
										   @change="changeValuetype" disabled style="width: 250px;">
									<el-option label="涉核设施" value="0"></el-option>
									<el-option label="国家水电工程" value="1"></el-option>
									<el-option label="特殊设防类工程" value="2"></el-option>
									<el-option label="次生灾害工程" value="3"></el-option>
									<el-option label="省级重大建设工程" value="4"></el-option>
									<el-option label="重要基础设施" value="5"></el-option>
									<el-option label="其他" value="6"></el-option>
								</el-select>
							</el-form-item>
						</el-form-item>
					</el-col>
					<el-col :span="8" v-if="LandType == '0'">
                        <el-form-item label="区域内拟建重大工程:" prop="recordProposedProject"  label-width="155px">
                            <el-input v-model="viewareaearthquake.recordProposedProject" placeholder="" style="width: 350px;" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8" v-if="LandType == '1' || LandType == ''">
                        <el-form-item label="区域内拟建重大工程:" prop="" label-width="155px">
                            <el-input v-model="viewareaearthquake.recordProposedProject" placeholder="" style="width: 350px;" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="工程概况:" prop="recordProjectSurvey" label-width="120px">
                            <el-input v-model="viewareaearthquake.recordProjectSurvey" placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--建设单位信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设单位信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="单位名称:" prop="recordUnitName" label-width="90px">
                            <el-input v-model="viewareaearthquake.recordUnitName" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
                            <el-input v-model="viewareaearthquake.recordUnitUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
                            <el-input v-model="viewareaearthquake.recordUnitPhone" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18">
                        <el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">
                            <el-input v-model="viewareaearthquake.recordUnitCode" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
                            <el-input v-model="viewareaearthquake.recordUnitLegal" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--区域地震安全性评估情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        区域地震安全性评估情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="120px">
                            <el-input v-model="viewareaearthquake.recordProjectUnitname" placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="180px">
                            <el-input type="number" v-model.number="viewareaearthquake.recordProjectContractAmount" placeholder="" style="width:170px"
                                      disabled></el-input> 万元
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="recordProjectUser" label-width="150px">
                            <el-input v-model="viewareaearthquake.recordProjectUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col span="5">
                        <el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
                            <el-input v-model="viewareaearthquake.recordProjectPhone" placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
                            <el-input v-model="viewareaearthquake.recordProjectLegal" placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="6">
                        <el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
                            <el-input v-model="viewareaearthquake.recordProjectDirector" placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="审核单位名称:" prop="recordProjectCheckunit" label-width="150px">
                            <el-input v-model="viewareaearthquake.recordProjectCheckunit" placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="5">
                        <el-form-item label="审核完成时间:" prop="recordProjectCheckTime" label-width="120px">
                            <el-date-picker type="date" placeholder="选择日期" disabled
                                            v-model="viewareaearthquake.recordProjectCheckTime">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="审核部门意见:" prop="recordProjectView" label-width="150px">
                            <el-select v-model="viewareaearthquake.recordProjectView" placeholder="请选择"
                                       style="width: 180px;" disabled>
                                <el-option label="同意" value="1"></el-option>
                                <el-option label="不同意" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
                            <el-select v-model="viewareaearthquake.recordLevel" placeholder="请选择备案级别" disabled>
                                <el-option label="地市级" value="0"></el-option>
                                <el-option label="省级" value="1"></el-option>
                                <el-option label="国家级" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="附件:" label-width="110px">
                            <iframe width="100%" style="height:200px;border: none;"   :src="link"></iframe>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--项目备案信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目备案信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="备案时间:" prop="recordTime" label-width="110px">
                            <el-date-picker
                                    disabled
                                    v-model="viewareaearthquake.recordTime"
                                    type="date"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案人员:" prop="recordUser" label-width="110px">
                            <el-input v-model="viewareaearthquake.recordUser" disabled placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
                            <el-input v-model="viewareaearthquake.recordOrg" disabled placeholder=""
                                      disabled></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="recordRemark" label-width="110px">
                            <el-input
                                    disabled
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    maxlength="500"
                                    show-word-limit
                                    v-model="viewareaearthquake.recordRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--审核信息-->
                <div v-if="viewareaearthquake.status==2||viewareaearthquake.status==3">
                    <el-row>
                        <el-col :span="4" class="tab-title">
                            审核信息
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="6">
                            <el-form-item label="审核人员:" prop="checkUser" label-width="110px">
                                <el-input v-model="viewareaearthquake.checkUser" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="审核人员机构:" prop="checkUserOrg">
                                <el-input v-model="viewareaearthquake.checkUserOrg" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="审核结果:" prop="checkResult" label-width="110px">
                                <el-select v-model="viewareaearthquake.checkResult" placeholder="请选择" disabled>
                                    <el-option label="同意" value="1"></el-option>
                                    <el-option label="不同意" value="0"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="审核意见:" prop="checkView" label-width="110px">
                                <el-input
                                        disabled
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder="请输入内容"
                                        maxlength="500"
                                        show-word-limit
                                        v-model="viewareaearthquake.checkView">
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </div>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="viewdialogForm = false">关闭
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>

    <!--编辑修改-->
    <el-dialog title="" :visible.sync="editdialogForm" center fullscreen>
        <div style="margin-top: 0px;">
            <el-form :model="editareaearthquake" :rules="rules" ref="editareaearthquake" label-width="140px">
                <!--建设工程情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设工程情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7">
                        <el-form-item label="项目名称:" prop="noaddress.recordProjectName" :rules="rules.recordProjectName" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectName" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="17">
                        <el-form-item label="项目场址:" required label-width="110px">
							<span v-for="(item,index) in editareaearthquake.address">
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
										<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="">
											<el-option
                                                    v-for="items in item.provinceData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
										<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="">
											<el-option
                                                    v-for="items in item.cityData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
											</el-option>
										</el-select>
									</el-form-item>
								</el-col>
								<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
								<el-col :span="4">
									<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
										<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="">
									    	<el-option
                                                    v-for="items in item.areaData"
                                                    :key="items.code"
                                                    :label="items.name"
                                                    :value="items.name">
										    </el-option>
									    </el-select>
								    </el-form-item>
							    </el-col>
							    <el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                <span>—</span>
	                            </el-col>
							    <el-col :span="7">
								    <el-form-item>
								    	<el-input v-model="item.detailAddress" placeholder="填写详细地址" ></el-input>
								    </el-form-item>
							    </el-col>
							    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" icon="el-icon-circle-plus-outline" style="margin-left: 8px;">跨省</el-button>
							    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;">删除</el-button>
							</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7">
                        <el-form-item label="占地面积:" prop="noaddress.recordLandArea" :rules="rules.recordLandArea" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordLandArea" placeholder=""
                                      style="width: 270px;"></el-input>
                            平方千米
                        </el-form-item>
                    </el-col>
                    <el-col :span="7">
                        <el-form-item label="用地类型:" prop="noaddress.recordLandType" :rules="rules.recordLandType" label-width="110px">
                            <el-select v-model="editareaearthquake.noaddress.recordLandType" placeholder="请选择"
                                       @change="changeValuetype" style="width: 280px;">
                                <el-option label="涉核设施" value="0"></el-option>
                                <el-option label="国家水电工程" value="1"></el-option>
                                <el-option label="特殊设防类工程" value="2"></el-option>
                                <el-option label="次生灾害工程" value="3"></el-option>
                                <el-option label="省级重大建设工程" value="4"></el-option>
                                <el-option label="重要基础设施" value="5"></el-option>
                                <el-option label="其他" value="6"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="9" v-if="LandType == '0'">
                        <el-form-item label="区域内拟建重大工程:" prop="noaddress.recordProposedProject" :rules="rules.recordProposedProject" label-width="160px">
                            <el-input v-model="editareaearthquake.noaddress.recordProposedProject" placeholder="" style="width: 400px;"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="9" v-if="LandType == '1' || LandType == ''">
                        <el-form-item label="区域内拟建重大工程:" prop="" label-width="160px">
                            <el-input v-model="editareaearthquake.noaddress.recordProposedProject" placeholder="" style="width: 400px;"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7">
                        <el-form-item label="工程概况:" prop="noaddress.recordProjectSurvey" :rules="rules.recordProjectSurvey" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectSurvey" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--建设单位信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        建设单位信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="单位名称:" prop="noaddress.recordUnitName" :rules="rules.recordUnitName" label-width="90px">
                            <el-input v-model="editareaearthquake.noaddress.recordUnitName" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="noaddress.recordUnitUser" :rules="rules.recordUnitUser" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordUnitUser" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="电话" prop="noaddress.recordUnitPhone" :rules="rules.recordUnitPhone" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordUnitPhone" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="18">
                        <el-form-item label="营业执照号码或三证合一证照号码:" prop="noaddress.recordUnitCode" :rules="rules.recordUnitCode" label-width="240px">
                            <el-input v-model="editareaearthquake.noaddress.recordUnitCode" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="法人:" prop="noaddress.recordUnitLegal" :rules="rules.recordUnitLegal" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordUnitLegal" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--区域地震安全性评估情况-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        区域地震安全性评估情况
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="10">
                        <el-form-item label="承担单位名称:" prop="noaddress.recordProjectUnitname" :rules="rules.recordProjectUnitname" label-width="120px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectUnitname" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="委托合同额:" prop="noaddress.recordProjectContractAmount" :rules="rules.recordProjectContractAmount" label-width="180px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectContractAmount" style="width:170px"
                                      placeholder=""></el-input> 万元
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="联系人:" prop="noaddress.recordProjectUser" :rules="rules.recordProjectUser" label-width="150px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectUser" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col span="5">
                        <el-form-item label="电话:" prop="noaddress.recordProjectPhone" :rules="rules.recordProjectPhone" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectPhone" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="5">
                        <el-form-item label="承担单位法人:" prop="noaddress.recordProjectLegal" :rules="rules.recordProjectLegal" label-width="150px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectLegal" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="6">
                        <el-form-item label="承担单位技术负责人:" prop="noaddress.recordProjectDirector" :rules="rules.recordProjectDirector" label-width="180px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectDirector" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="审核单位名称:" prop="noaddress.recordProjectCheckunit" :rules="rules.recordProjectCheckunit" label-width="150px">
                            <el-input v-model="editareaearthquake.noaddress.recordProjectCheckunit" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="5">
                        <el-form-item label="审核完成时间:" prop="noaddress.recordProjectCheckTime" :rules="rules.recordProjectCheckTime" label-width="120px">
                            <el-date-picker type="date" placeholder="选择日期"
                                            v-model="editareaearthquake.noaddress.recordProjectCheckTime">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="5">
                        <el-form-item label="审核部门意见:" prop="noaddress.recordProjectView" :rules="rules.recordProjectView" label-width="150px">
                            <el-select v-model="editareaearthquake.noaddress.recordProjectView" placeholder="请选择"
                                       style="width: 180px;">
                                <el-option label="同意" value="1"></el-option>
                                <el-option label="不同意" value="0"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案级别:" prop="noaddress.recordLevel" :rules="rules.recordLevel" label-width="180px">
                            <el-select v-model="editareaearthquake.noaddress.recordLevel" placeholder="请选择备案级别">
                                <el-option label="地市级" value="0"></el-option>
                                <el-option label="省级" value="1"></el-option>
                                <el-option label="国家级" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="附件:" label-width="110px">
                            <iframe width="100%" style="height:200px;border: none;"   :src="link"></iframe>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!--项目备案信息-->
                <el-row>
                    <el-col :span="4" class="tab-title">
                        项目备案信息
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="备案时间:" prop="noaddress.recordTime" :rules="rules.recordTime" label-width="110px">
                            <el-date-picker
                                    disabled
                                    v-model="editareaearthquake.noaddress.recordTime"
                                    type="date"
                                    placeholder="">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案人员:" prop="noaddress.recordUser" :rules="rules.recordUser" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordUser" placeholder="" disabled></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="备案部门:" prop="noaddress.recordOrg" :rules="rules.recordOrg" label-width="110px">
                            <el-input v-model="editareaearthquake.noaddress.recordOrg" placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="备注:" prop="noaddress.recordRemark" label-width="110px">
                            <el-input
                                    type="textarea"
                                    :autosize="{ minRows: 8, maxRows: 8}"
                                    placeholder=""
                                    maxlength="500"
                                    show-word-limit
                                    v-model="editareaearthquake.noaddress.recordRemark">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;"
                                       @click="editonSubmit('editareaearthquake')">修改
                            </el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;"
                                       @click="resetForm('editareaearthquake');editdialogForm = false">取消
                            </el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>
    <!-- 拟制公告 -->
    <el-dialog title="" :visible.sync="dialogGongGaoForm" center fullscreen>
        <div style="margin-top: 10px;">
            <el-form :model="gonggao" :rules="rules" ref="gonggao" label-width="140px">
                <!--地震小区划工作成果公告表-->
                <el-row>
                    <el-col :span="5" class="tab-title">
                        地震小区划工作成果公告表
                    </el-col>
                </el-row>
                <el-row class="companycredit_gonggao">
                    <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                        <span style="color: red;">*</span>
                        <span class="">标题:</span>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="title">
                            <el-input v-model="gonggao.title" style="" placeholder="" ></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row class="companycredit_publicstate">
                    <el-col :span="6">
                        <el-form-item label="公布类别:" prop="isPublic" label-width="120px">
                            <el-radio-group disabled v-model="gonggao.isPublic">
                                <el-radio label="0">公示通报</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row class="companycredit_publicstate">
                    <el-col :span="6">
                        <el-form-item label="公开状态:" prop="publicState" label-width="120px">
                            <!--<el-select v-model="gonggao.publicState" placeholder="请选择公开状态">
                                <el-option label="未公开" value="0"></el-option>
                                <el-option label="公开" value="1"></el-option>
                            </el-select>-->
                            <el-radio-group v-model="gonggao.publicState">
                                <el-radio :label="0">未公开</el-radio>
                                <el-radio :label="1">公开</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row class="companycredit_publicstate">
                    <el-col :span="14">
                        <el-form-item label="公开地址类型:" prop="publicType" label-width="120px">
                            <!--<el-select v-model="gonggao.publicType" placeholder="请选择公开状态">
                                <el-option label="服务门户" value="0"></el-option>
                                <el-option label="工作门户" value="1"></el-option>
                            </el-select>-->
                            <el-radio-group v-model="gonggao.publicType">
                                <el-radio :label="0">服务门户</el-radio>
                                <el-radio :label="1">工作门户</el-radio>
                                <el-radio :label="2">服务门户和工作门户</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row style="margin: 0 0 20px;">
                    <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                        <span>内容:</span>
                        <br/>
                        <span style="color: red;">(不可修改)</span>
                    </el-col>
                    <el-col :span="12">
                        <el-input
                                type="textarea"
                                :autosize="{ minRows: 8, maxRows: 8}"
                                placeholder="请输入内容"
                                maxlength="500"
                                show-word-limit
                                v-model="gonggao.attachContent">
                        </el-input>
                    </el-col>
                </el-row>
                <el-row style="margin: 0 0 20px;">
                    <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                        <span>附加内容:</span>
                    </el-col>
                    <el-col :span="12" style="border: 1px solid #ddd;">
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>项目名称</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectName }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>项目场址</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectAddress }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>占地面积</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordLandArea }}平方千米</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>用地类型</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span v-if="viewareaearthquake.recordLandType == '0'" style="padding-left: 15px;">涉核设施</span>
                                <span v-if="viewareaearthquake.recordLandType == 1" style="padding-left: 15px;">国家水电工程</span>
                                <span v-if="viewareaearthquake.recordLandType == 2" style="padding-left: 15px;">特殊设防类工程</span>
                                <span v-if="viewareaearthquake.recordLandType == 3" style="padding-left: 15px;">严重次生灾害工程</span>
                                <span v-if="viewareaearthquake.recordLandType == 4" style="padding-left: 15px;">省级重大建设工程</span>
                                <span v-if="viewareaearthquake.recordLandType == 5" style="padding-left: 15px;">重要基础设施</span>
                                <span v-if="viewareaearthquake.recordLandType == 6" style="padding-left: 15px;">其他</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>工程概况</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectSurvey }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>单位名称</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordUnitName }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>联系人</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordUnitUser }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>电话</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordUnitPhone }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>营业执照号码或三证合一证照号码</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordUnitCode }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>法人</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordUnitLegal }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>承担单位名称</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectUnitname }}</span>

                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>委托合同额</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectContractAmount }}万元</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>联系人</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectUser }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>电话</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectPhone }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>承担单位法人</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectLegal }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>承担单位技术负责人</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectDirector }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>审定单位名称</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectCheckunit }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>审定完成时间</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectCheckTime }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>审定部门意见</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordProjectView }}</span>
                            </el-col>
                        </el-row>
                        <el-row class="border_btm">
                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                <span>备案级别</span>
                            </el-col>
                            <el-col :span="18" style="padding: 22px 0px;">
                                <span style="padding-left: 15px;">{{ viewareaearthquake.recordLevel }}</span>
                            </el-col>
                        </el-row>

                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="附件:" label-width="110px">
                            <iframe width="100%" style="height:200px;border: none;"   :src="link"></iframe>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <div style="float:right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="release()">发布</el-button>
                            <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogGongGaoForm = false;clearForm()">取消</el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </el-dialog>
    <!-- 查看公告 -->
    <el-dialog title="" :visible.sync="dialogGongGaoViewForm" center fullscreen>
        <el-row>
            <el-col :span="16" :offset="4">
                <div style="margin-top: 10px;">
                    <el-form :model="gonggao" :rules="rules" ref="gonggao">
                        <!--公开公告信息表-->
                        <el-row style="margin-bottom: 10px;">
                            <el-col>
                                <h4 style="margin-top:10px;font-size: 40px;text-align: center;">{{ gonggao.title }}</h4>
                            </el-col>
                        </el-row>
                        <el-row style="margin-bottom: 10px;padding-bottom: 10px;font-size: 24px;border-bottom: 1px solid #ddd;text-align: center;">
                            <el-col :span="5">
                                <span>{{ gonggao.createUser }}</span>
                            </el-col>
                            <el-col span="4">
                                <span>{{ gonggao.inputenTime }}</span>
                            </el-col>
                            <el-col :span="6">
                                <div style="float:right;">
                                    <span v-if="(gonggao.publicType == 0) ? true : false">服务门户</span>
                                    <span v-if="(gonggao.publicType == 1) ? true : false">工作门户</span>
                                    <span v-if="(gonggao.publicType == 2) ? true : false">服务门户和工作门户</span>
                                </div>
                            </el-col>
                            <el-col :span="4">
                                <div style="float:right;">
                                    <span v-if="(gonggao.publicState == 0) ? true : false">未公开</span>
                                    <span v-if="(gonggao.publicState != 0) ? true : false">公开</span>
                                </div>
                            </el-col>
                            <el-col :span="5">
                                <div style="float:right;">
                                    <span v-if="(gonggao.isPublic == 0) ? true : false">公示通报</span>
                                    <span v-if="(gonggao.isPublic == 1) ? true : false">标准规范</span>
                                </div>
                            </el-col>
                        </el-row>
                        <el-row style="margin: 40px 0;font-size: 24px;">
                            <el-col :span="20" :offset="2">
                                <!--{{ gonggao.attachContent }}-->
                                <span v-html="gonggao.attachContent"></span>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-form-item label="" >
                                    <iframe width="100%" scrolling="no" style="border: none;"   :src="link"></iframe>
                                </el-form-item>
                            </el-col>
                        </el-row>
                      <!--  <el-row>
                            <el-col>
                                <div style="float:right;">
                                    <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogGongGaoViewForm = false;clearForm();">取消</el-button>
                                </div>
                            </el-col>
                        </el-row>-->
                    </el-form>
                </div>
            </el-col>
        </el-row>
    </el-dialog>
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data() {
            //验证数值
            let checkNumber= (rule, value, callback)=>{
                if(!checkNum(value)){
                    callback(new Error('请输入非负数数值'));
                }else {
                    callback();
                }
            };
            //验证营业执照或三证合一
            let checkICard= (rule, value, callback)=>{
                if(!checkCard(value)){
                    callback(new Error('请输入非负数数值'));
                }else {
                    callback();
                }
            };
            return {
                orgLevel:'',
                userName:'',
                orgName:'',
                uuid:'', //uuid
                link:'',//iframe链接
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                currentPage1: 1,
                pagesize1: 5,
                tableTotal1:'',
                newdialogForm: false,//新增申请弹窗
                viewdialogForm: false,//查看详情弹窗
                editdialogForm: false,//编辑修改弹窗
                checkdialogForm: false,//审核弹窗
                dialogGongGaoForm: false, //拟制公告弹窗
                dialogGongGaoViewForm: false, // 查看公告弹窗
                LandType:'',//控制区域内拟建重大工程字段是否必填
                tableTotal: '',
                selectForm: {
                    recordProjectName: '',
                    recordUser: '',
                    startDate: '',
                    endDate: '',
                    status: '',
                    recordProjectType: '',
                    recordUnitName:''
                },
                formInline: {
                    enterpriseName: '',
                    enterpriseIdNumber:''
                },
                gonggao: {
                    publicId:'',
                    relationId: '',
                    publicState: '',
                    publicType: '',
                    title: '', // 拟制公告标题
                    attachContent: '', // 内容
                    createUser: '',
                    inputenTime: '',
                    isPublic: '0'
                },
                areaearthquake: {
                    recordProjectName: '',
                    recordProjectAddress: '',
                    recordLandArea:'',
                    recordLandType: '',
                    recordProposedProject:'',
                    recordProjectSurvey:'',
                    recordUnitName: '',
                    recordUnitUser: '',
                    recordUnitPhone: '',
                    recordUnitCode: '',
                    recordUnitLegal: '',
                    recordProjectUnitname: '',
                    recordProjectContractAmount: '',
                    recordProjectUser: '',
                    recordProjectPhone: '',
                    recordProjectLegal: '',
                    recordProjectDirector: '',
                    recordProjectCheckunit: '',
                    recordProjectCheckTime: '',
                    recordProjectView: '',
                    recordProjectFj: '',
                    recordTime: '',
                    recordUser: '',
                    recordOrg: '',
                    recordRemark: '',
                    status: '',
                    checkUser: '',
                    checkUserOrg: '',
                    checkResult: '',
                    checkView: '',
                    createUserId: '',
                    createTime: '',
                    updateUserId: '',
                    updateTime: '',
                    delFlag: '',
                    reportStatus: '',
                    recordLevel: ''
                },
                viewareaearthquake: {
                    address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    }],
                    recordProjectName: '',
                    recordProjectAddress: '',
                    recordLandArea:'',
                    recordLandType: '',
                    recordProposedProject:'',
                    recordProjectSurvey:'',
                    recordUnitName: '',
                    recordUnitUser: '',
                    recordUnitPhone: '',
                    recordUnitCode: '',
                    recordUnitLegal: '',
                    recordProjectUnitname: '',
                    recordProjectContractAmount: '',
                    recordProjectUser: '',
                    recordProjectPhone: '',
                    recordProjectLegal: '',
                    recordProjectDirector: '',
                    recordProjectCheckunit: '',
                    recordProjectCheckTime: '',
                    recordProjectView: '',
                    recordProjectFj: '',
                    recordTime: '',
                    recordUser: '',
                    recordOrg: '',
                    recordRemark: '',
                    status: '',
                    checkUser: '',
                    checkUserOrg: '',
                    checkResult: '',
                    checkView: '',
                    createUserId: '',
                    createTime: '',
                    updateUserId: '',
                    updateTime: '',
                    delFlag: '',
                    reportStatus: '',
                    recordLevel: ''
                },
                newareaearthquake: {
                    address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    }],
                    recordId:'',
                    recordProjectName: '',
                    recordProjectAddress: '',
                    recordLandArea:'',
                    recordLandType: '',
                    recordProposedProject:'',
                    recordProjectSurvey:'',
                    recordUnitName: '',
                    recordUnitUser: '',
                    recordUnitPhone: '',
                    recordUnitCode: '',
                    recordUnitLegal: '',
                    recordProjectUnitname: '',
                    recordProjectContractAmount: '',
                    recordProjectUser: '',
                    recordProjectPhone: '',
                    recordProjectLegal: '',
                    recordProjectDirector: '',
                    recordProjectCheckunit: '',
                    recordProjectCheckTime: '',
                    recordProjectView: '',
                    recordProjectFj: '',
                    recordTime: '',
                    recordUser: '',
                    recordOrg: '',
                    recordRemark: '',
                    status: '',
                    checkUser: '',
                    checkUserOrg: '',
                    checkResult: '',
                    checkView: '',
                    createUserId: '',
                    createTime: '',
                    updateUserId: '',
                    updateTime: '',
                    delFlag: '',
                    reportStatus: '',
                    recordLevel: ''
                },
                editareaearthquake: {
                    noaddress:{
                        recordProjectName: '',
                        recordProjectAddress: '',
                        recordLandArea:'',
                        recordLandType: '',
                        recordProposedProject:'',
                        recordProjectSurvey:'',
                        recordUnitName: '',
                        recordUnitUser: '',
                        recordUnitPhone: '',
                        recordUnitCode: '',
                        recordUnitLegal: '',
                        recordProjectUnitname: '',
                        recordProjectContractAmount: '',
                        recordProjectUser: '',
                        recordProjectPhone: '',
                        recordProjectLegal: '',
                        recordProjectDirector: '',
                        recordProjectCheckunit: '',
                        recordProjectCheckTime: '',
                        recordProjectView: '',
                        recordProjectFj: '',
                        recordTime: '',
                        recordUser: '',
                        recordOrg: '',
                        recordRemark: '',
                        status: '',
                        checkUser: '',
                        checkUserOrg: '',
                        checkResult: '',
                        checkView: '',
                        createUserId: '',
                        createTime: '',
                        updateUserId: '',
                        updateTime: '',
                        delFlag: '',
                        reportStatus: '',
                        recordLevel: ''
                    },
                    address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    }]

                },
                checkareaearthquake: {
                    recordProjectName: '',
                    recordProjectAddress: '',
                    recordLandArea:'',
                    recordLandType: '',
                    recordProposedProject:'',
                    recordProjectSurvey:'',
                    recordUnitName: '',
                    recordUnitUser: '',
                    recordUnitPhone: '',
                    recordUnitCode: '',
                    recordUnitLegal: '',
                    recordProjectUnitname: '',
                    recordProjectContractAmount: '',
                    recordProjectUser: '',
                    recordProjectPhone: '',
                    recordProjectLegal: '',
                    recordProjectDirector: '',
                    recordProjectCheckunit: '',
                    recordProjectCheckTime: '',
                    recordProjectView: '',
                    recordProjectFj: '',
                    recordTime: '',
                    recordUser: '',
                    recordOrg: '',
                    recordRemark: '',
                    status: '',
                    checkUser: '',
                    checkUserOrg: '',
                    checkResult: '',
                    checkView: '',
                    createUserId: '',
                    createTime: '',
                    updateUserId: '',
                    updateTime: '',
                    delFlag: '',
                    reportStatus: '',
                    recordLevel: ''
                },
                dialogFormVisible: false,
                currentRow: null,
                rules: {
                    recordProjectName: [{
                        required: true,
                        message: '请输入项目名称',
                        trigger: 'blur'
                    }],
                    provinceValue: [{
                        required: true,
                        message: '请选择省',
                        trigger: 'change'
                    }],
                    cityValue: [{
                        required: true,
                        message: '请选择市',
                        trigger: 'change'
                    }],
                    areaValue: [{
                        required: true,
                        message: '请选择区、县',
                        trigger: 'change'
                    }],
                    recordLandArea: [{
                        required: true,
                        message: '请输入占地面积',
                        trigger: 'blur'
                    },{
                        validator: checkNumber,
                        message: '请输入非负数数值',
                        trigger: 'blur'
                    }],
                    recordLandType: [{
                        required: true,
                        message: '请选择用地类型',
                        trigger: 'blur'
                    }],
                    recordProposedProject: [{
                        required: true,
                        message: '请输入区域内拟建重大工程',
                        trigger: 'blur'
                    }],
                    recordProjectSurvey: [{
                        required: true,
                        message: '请选择工程概况',
                        trigger: 'blur'
                    }],
                    recordUnitName: [{
                        required: true,
                        message: '请输入单位名称',
                        trigger: 'blur'
                    }],
                    recordUnitUser: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    recordUnitPhone: [{
                        required: true,
                        message: '请输入电话',
                        trigger: 'blur'
                    },{
                        validator: checkPhTel,
                        message: '请输入正确的手机号或固话',
                        trigger: 'blur'
                    }],
                    recordUnitCode: [{
                        required: true,
                        message: '请输入营业执照号码或三证合一证照号码',
                        trigger: 'blur'
                    }/*,{
                        validator: checkICard,
                        message: '请输入15位或18位的营业执照号码或三证合一证照号码',
                        trigger: 'blur'
                    }*/],
                    recordUnitLegal: [{
                        required: true,
                        message: '请输入法人',
                        trigger: 'blur'
                    }],
                    recordProjectUnitname: [{
                        required: true,
                        message: '请输入承担单位名称',
                        trigger: 'blur'
                    }],
                    recordProjectContractAmount: [{
                        required: true,
                        message: '请输入委托合同额',
                        trigger: 'blur'
                    },{
                        validator: checkNumber,
                        message: '请输入非负数数值',
                        trigger: 'blur'
                    }],
                    recordProjectUser: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    recordProjectPhone: [{
                        required: true,
                        message: '请输入电话',
                        trigger: 'blur'
                    },{
                        validator: checkPhTel,
                        message: '请输入正确的手机号或固话',
                        trigger: 'blur'
                    }],
                    recordProjectLegal: [{
                        required: true,
                        message: '请输入承担单位法人',
                        trigger: 'blur'
                    }],
                    recordProjectDirector: [{
                        required: true,
                        message: '请输入承担单位技术负责人',
                        trigger: 'blur'
                    }],
                    recordProjectCheckunit: [{
                        required: true,
                        message: '请输入审核单位名称',
                        trigger: 'blur'
                    }],
                    recordProjectCheckTime: [{
                        required: true,
                        message: '请选择审核完成时间',
                        trigger: 'blur'
                    }],
                    recordProjectView: [{
                        required: true,
                        message: '请选择审核部门意见',
                        trigger: 'blur'
                    }],
                    recordLevel: [{
                        required: true,
                        message: '请选择备案级别',
                        trigger: 'blur'
                    }],
                    fujian: [{
                        required: true,
                        message: '请输入附件',
                        trigger: 'blur'
                    }],
                    recordTime: [{
                        required: true,
                        message: '请选择备案时间',
                        trigger: 'change'
                    }],
                    recordUser: [{
                        required: true,
                        message: '请输入备案人员',
                        trigger: 'blur'
                    }],
                    startDate: [{
                        type: 'date',
                        required: true,
                        message: '请选择日期',
                        trigger: 'change'
                    }],
                    endDate: [{
                        type: 'date',
                        required: true,
                        message: '请选择时间',
                        trigger: 'change'
                    }],
                    recordOrg: [{
                        required: true,
                        message: '请输入备案部门',
                        trigger: 'blur'
                    }],
                    subDepartment: [{
                        required: true,
                        message: '请输入备注',
                        trigger: 'blur'
                    }],
                    remarks: [{
                        required: false,
                        message: '请输入备注',
                        trigger: 'blur'
                    }],
                    checkUser: [{
                        required: true,
                        message: '请输入审定人员',
                        trigger: 'blur'
                    }],
                    checkUserOrg: [{
                        required: true,
                        message: '请输入审定人员机构',
                        trigger: 'blur'
                    }],
                    checkResult: [{
                        required: true,
                        message: '请输入审定结果',
                        trigger: 'blur'
                    }],
                    checkView: [{
                        required: true,
                        message: '请输入审定意见',
                        trigger: 'blur'
                    }]
                },
            }

        },
        created() {
            axios.get('../../json/ChinaCity.json').then(res=>{
                this.newareaearthquake.address.forEach((item, index) => {
                    item.provinceData = res.data;
                });
                this.editareaearthquake.address.forEach((item, index) => {
                    item.provinceData = res.data;
                });
            }).catch(e => {
                this.$message.error("网络连接超时");
            })
            // 获取登录用户信息
            var userInfo = JSON.parse(localStorage.getItem('userInfo'));
            this.orgLevel = userInfo.orgLevel;
            // 中国地震局 ==> 中国, 山东省-济南市地震局 ==> 山东省-济南市
            this.orgName = userInfo.orgName.replace("地震局", "");
            this.userName=userInfo.loginName;
        },
        mounted() {
            this.getData();
        },
        methods: {
            getData() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage - 1;
                axios({
                    method: 'get',
                    url: '/dzjap/recordgain/findPage',
                    params: {
                        recordProjectName: this.selectForm.recordProjectName,
                        recordUser: this.selectForm.recordUser,
                        recordTimeStart: this.selectForm.startDate,
                        recordTimeEnd: this.selectForm.endDate,
                        status: this.selectForm.status,
                        reportStatus: this.selectForm.reportStatus,
                        recordUnitName:this.selectForm.recordUnitName,
                        recordProjectAddress:this.orgName,
                        userName:this.userName,
                        pageSize: pagesize,
                        pageNo: pageno
                    }
                })
                    .then(response => {
                        console.log(response)
                        if (response.data.code == 200) {
                            console.log(response.data.data.results)
                            this.areaearthquake = response.data.data.results;
                            this.tableTotal = response.data.data.total;
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },//获取UUID的方法
            getUuid() {
                axios({
                    method: 'get',
                    url: '/dzjap/uuid/getUuid',
                })
                    .then(response => {
                        if (response.data.code == 200) {
                            this.uuid = response.data.data;
                            this.link="../upload/annex.html?uuid="+this.uuid+"&flag=1";
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            searchForm(selectForm) {
                var pagesize = this.pagesize;
                var pageno = this.currentPage - 1;
                console.log(this.selectForm.reCreateUser);
                axios({
                    method: 'get',
                    url: '/dzjap/recordgain/findPage',
                    params: {
                        recordProjectName: this.selectForm.recordProjectName,
                        recordUser: this.selectForm.recordUser,
                        recordTimeStart: this.selectForm.startDate,
                        recordTimeEnd: this.selectForm.endDate,
                        status: this.selectForm.status,
                        reportStatus: this.selectForm.reportStatus,
                        recordUnitName:this.selectForm.recordUnitName,
                        recordProjectAddress:this.orgName,
                        userName:this.userName,
                        pageSize: pagesize,
                        pageNo: pageno
                    }
                })
                    .then(response => {
                        console.log(response)
                        if (response.data.code == 200) {
                            console.log(response.data.data.results)
                            this.areaearthquake = response.data.data.results;
                            this.tableTotal = response.data.data.total;
                        } else {
                            this.$message.error(response.data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            //重置
            resetForm(formName) {
                this.$refs[formName].resetFields();
            },
            //每页下拉显示数据
            handleSizeChange: function (size) {
                this.pagesize = size;
                this.getData();
                /*console.log(this.pagesize) */
            },
            //点击第几页
            handleCurrentChange: function (currentPage) {
                this.currentPage = currentPage;
                this.getData();
                /*console.log(this.currentPage) */
            },
            apply() {
                this.newdialogForm = true;
                this.cancel();
                this.getUuid();
                axios.get('../../json/ChinaCity.json').then(res=>{
                    this.newareaearthquake.address.forEach((item, index) => {
                        item.provinceData = res.data;
                    });
                }).catch(e => {
                    this.$message.error("网络连接超时11");
                })
                let date = new Date();
                let y = date.getFullYear();
                let MM = date.getMonth() + 1;
                MM = MM < 10 ? ('0' + MM) : MM;
                let d = date.getDate();
                d = d < 10 ? ('0' + d) : d;
                let h = date.getHours();
                h = h < 10 ? ('0' + h) : h;
                let m = date.getMinutes();
                m = m < 10 ? ('0' + m) : m;
                let s = date.getSeconds();
                s = s < 10 ? ('0' + s) : s;
                console.log(y + '-' + MM + '-' + d);
                this.newareaearthquake.recordTime = y + '-' + MM + '-' + d;
                this.newareaearthquake.recordUser = this.userName;
            },
            // 新增，暂存
            newonSubmit(formName) {
                if(this.newareaearthquake.address.length == 1){
                    this.newareaearthquake.recordProjectAddress = this.newareaearthquake.address[0].provinceValue +'-'+this.newareaearthquake.address[0].cityValue+'-'+this.newareaearthquake.address[0].areaValue+'-'+this.newareaearthquake.address[0].detailAddress;
                }else{
                    this.newareaearthquake.recordProjectAddress = this.newareaearthquake.address[0].provinceValue +'-'+this.newareaearthquake.address[0].cityValue+'-'+this.newareaearthquake.address[0].areaValue+'-'+this.newareaearthquake.address[0].detailAddress;
                    for(let i=1;i<this.newareaearthquake.address.length;i++){
                        this.newareaearthquake.recordProjectAddress = this.newareaearthquake.recordProjectAddress +','+this.newareaearthquake.address[i].provinceValue +'-'+this.newareaearthquake.address[i].cityValue+'-'+this.newareaearthquake.address[i].areaValue+'-'+this.newareaearthquake.address[i].detailAddress;
                    }
                }
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.newareaearthquake.recordId=this.uuid;
                        axios({
                            method: 'post',
                            url: '/dzjap/recordgain/zcadd',
                            data: this.newareaearthquake
                        }).then((res) => {
                            console.log(res);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                // this.recordProject.push(this.newrecordProject);
                                this.getData();
                                this.$message({
                                    message: '暂存成功',
                                    type: 'success'
                                });
                                this.newdialogForm = false;
                                this.cancel();
                            }
                        });
                    } else {
                        console.log("error!!");
                        return false;
                    }
                });
            },
            // 保存，并且设置状态已提交
            saveonSubmit(formName) {
                console.log(this.newareaearthquake);
                if(this.newareaearthquake.address.length == 1){
                    this.newareaearthquake.recordProjectAddress = this.newareaearthquake.address[0].provinceValue +'-'+this.newareaearthquake.address[0].cityValue+'-'+this.newareaearthquake.address[0].areaValue+'-'+this.newareaearthquake.address[0].detailAddress;
                }else{
                    this.newareaearthquake.recordProjectAddress = this.newareaearthquake.address[0].provinceValue +'-'+this.newareaearthquake.address[0].cityValue+'-'+this.newareaearthquake.address[0].areaValue+'-'+this.newareaearthquake.address[0].detailAddress;
                    for(let i=1;i<this.newareaearthquake.address.length;i++){
                        this.newareaearthquake.recordProjectAddress = this.newareaearthquake.recordProjectAddress +','+this.newareaearthquake.address[i].provinceValue +'-'+this.newareaearthquake.address[i].cityValue+'-'+this.newareaearthquake.address[i].areaValue+'-'+this.newareaearthquake.address[i].detailAddress;
                    }
                }
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.newareaearthquake.recordId=this.uuid;
                        axios({
                            method: 'post',
                            url: '/dzjap/recordgain/add',
                            data: this.newareaearthquake
                        }).then((res) => {
                            console.log(res);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                // this.commonproject.push(this.newcommonproject);
                                this.getData();
                                this.$message({
                                    message: '提交成功',
                                    type: 'success'
                                });
                                // 表单置空
                                this.cancel();
                                this.newdialogForm = false;
                            }
                        })
                    } else {
                        console.log("error!!");
                        return false;
                    }
                });
            },
            cancel(){
                this.LandType = '',
                    this.newareaearthquake = {
                        recordProjectName: '',
                        address:[{
                            provinceValue:'',
                            cityValue:'',
                            areaValue:'',
                            detailAddress:'',
                            provinceData:[],
                            cityData:[],
                            areaData:[]
                        }],
                        recordProjectAddress: '',
                        recordProjectType: '',
                        recordUnitName: '',
                        recordUnitUser: '',
                        recordUnitPhone: '',
                        recordUnitCode: '',
                        recordUnitLegal: '',
                        recordProjectUnitname: '',
                        recordProjectContractAmount: '',
                        recordProjectUser: '',
                        recordProjectPhone: '',
                        recordProjectLegal: '',
                        recordProjectDirector: '',
                        recordProjectCheckunit: '',
                        recordProjectCheckTime: '',
                        recordProjectView: '',
                        recordProjectFj: '',
                        recordTime: '',
                        recordUser: '',
                        recordOrg: '',
                        recordRemark: '',
                        status: '',
                        checkUser: '',
                        checkUserOrg: '',
                        checkResult: '',
                        checkView: '',
                        createUserId: '',
                        createTime: '',
                        updateUserId: '',
                        updateTime: '',
                        delFlag: '',
                        reportStatus: '',
                        recordLevel: ''
                    }
            },
            view(index, row) {
                this.uuid=row.recordId;
                this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                this.viewareaearthquake = row;
                if(row.recordLandType == '0' || row.recordLandType == '3'){
                    this.LandType = '0';
                }else{
                    this.LandType = '1';
                }
                var arr = row.recordProjectAddress.split(",");
                this.viewareaearthquake.address=[];
                for(let i=0;i<arr.length;i++){
                    this.viewareaearthquake.address.push({
                        provinceValue:arr[i].split("-")[0],
                        cityValue:arr[i].split("-")[1],
                        areaValue:arr[i].split("-")[2],
                        detailAddress:arr[i].split("-")[3],
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    })
                }
            },
            edit(index, row) {
                this.uuid=row.recordId;
                this.link="../upload/annex.html?uuid="+this.uuid+"&falg=1";
                this.editdialogForm = true;
                this.editareaearthquake.noaddress = row;
                if(row.recordLandType == '0' || row.recordLandType == '3'){
                    this.LandType = '0';
                }else{
                    this.LandType = '1';
                }
                var arr = row.recordProjectAddress.split(",");
                this.editareaearthquake.address=[];
                for(let i=0;i<arr.length;i++){
                    this.editareaearthquake.address.push({
                        provinceValue:arr[i].split("-")[0],
                        cityValue:arr[i].split("-")[1],
                        areaValue:arr[i].split("-")[2],
                        detailAddress:arr[i].split("-")[3],
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    })
                }

                axios.get('../../json/ChinaCity.json').then(res=>{
                    this.editareaearthquake.address.forEach((item, index) => {
                        item.provinceData = res.data;
                        item.provinceData.map(e=>{//遍历数据
                            if( item.provinceValue == e.name){
                                item.cityData = e.cityList;
                                item.cityData.map(e=>{//遍历数据
                                    if( item.cityValue == e.name){
                                        item.areaData = e.areaList;
                                        return;
                                    }
                                })
                                return;
                            }
                        })
                    })
                }).catch(e => {
                    this.$message.error("网络连接超时");
                })

                console.log(this.editareaearthquake.noaddress.recordId);
            },
            // 修改
            editonSubmit(formName) {
                console.log(this.editareaearthquake.noaddress.recordId);
                if(this.editareaearthquake.address.length == 1){
                    this.editareaearthquake.noaddress.recordProjectAddress = this.editareaearthquake.address[0].provinceValue +'-'+this.editareaearthquake.address[0].cityValue+'-'+this.editareaearthquake.address[0].areaValue+'-'+this.editareaearthquake.address[0].detailAddress;
                }else{
                    this.editareaearthquake.noaddress.recordProjectAddress = this.editareaearthquake.address[0].provinceValue +'-'+this.editareaearthquake.address[0].cityValue+'-'+this.editareaearthquake.address[0].areaValue+'-'+this.editareaearthquake.address[0].detailAddress;
                    for(let i=1;i<this.editareaearthquake.address.length;i++){
                        this.editareaearthquake.noaddress.recordProjectAddress = this.editareaearthquake.noaddress.recordProjectAddress +','+this.editareaearthquake.address[i].provinceValue +'-'+this.editareaearthquake.address[i].cityValue+'-'+this.editareaearthquake.address[i].areaValue+'-'+this.editareaearthquake.address[i].detailAddress;
                    }
                }
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        // 修改后审核状态变为0
                        this.editareaearthquake.noaddress.status = '0';
                        axios({
                            method: 'post',
                            url: '/dzjap/recordgain/update/' + this.editareaearthquake.noaddress.recordId,
                            // data中必须有recordId
                            data: this.editareaearthquake.noaddress
                        }).then((res) => {
                            console.log(res);
                            if (res.data.code == 200) {
                                // 提交成功将要执行的代码
                                this.getData();
                                this.$message({
                                    message: '修改成功',
                                    type: 'success'
                                });
                                this.editdialogForm = false;
                            }
                        });
                    } else {
                        console.log("error!!");
                        return false;
                    }
                });
            },
            // 操作按钮的提交
            submit(index, row) {
                this.$confirm('确定要提交吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/recordgain/submit/' + row.recordId,
                        data:{
                            recordId: row.recordId,
                            status: '1'
                        }
                    }).then((res) => {
                        console.log(res.data);
                        if (res.data.code == 200) {
                            // 提交成功将要执行的代码
                            console.log(res.data.msg);
                            this.getData();
                            this.$message({
                                type: 'success',
                                message: '提交成功!'
                            });
                        }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消提交'
                    });
                });
            },
            // 操作按钮的撤回
            cancelRecord(index, row) {
                this.$confirm('确定要撤回吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/recordgain/cancel/' + row.recordId,
                        data:{
                            recordId: row.recordId,
                            status: '0'
                        }
                    }).then((res) => {
                        console.log(res.data);
                        if (res.data.code == 200) {
                            // 撤回成功将要执行的代码
                            console.log(res.data.msg);
                            this.getData();
                            this.$message({
                                type: 'success',
                                message: '撤回成功!'
                            });
                        }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '撤回提交'
                    });
                });
            },
            // 审核提交
            checkonSubmit() {
                console.log(this.checkareaearthquake.recordId);
                axios({
                    method: 'post',
                    url: '/dzjap/recordgain/check/' + this.checkareaearthquake.recordId,
                    // data中必须有recordId
                    data: this.checkareaearthquake
                }).then((res) => {
                    console.log(res);
                    if (res.data.code == 200) {
                        // 提交成功将要执行的代码
                        this.getData();
                        this.$message({
                            message: '成功',
                            type: 'success'
                        });
                        this.checkdialogForm = false;
                    }
                });
            },
            // 删除
            del(index, row) {
                this.$confirm('确定要删除吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/recordgain/delete/' + row.recordId,
                    }).then((res) => {
                        console.log(res);
                        if (res.data.code == 200) {
                            this.areaearthquake.splice(index, 1);
                            this.getData();
                            this.$message({
                                type: 'success',
                                message: '删除成功!'
                            });
                        }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消删除'
                    });
                });
            },
            // 上报
            report(index, row) {
                this.$confirm('确定要上报吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'post',
                        url: '/dzjap/recordgain/report/' + row.recordId,
                        data: row
                    }).then((res) => {
                        console.log(res.data);
                        if (res.data.code == 200) {
                            // 提交成功将要执行的代码
                            console.log(res.data.msg);
                            this.getData();
                            this.$message({
                                type: 'success',
                                message: '已上报!'
                            });
                        }
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消上报'
                    });
                });
            },
            // 审核
            check(index, row) {
                this.uuid=row.recordId;
                this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                this.checkdialogForm = true;
                this.checkareaearthquake = row;
            },
            clearForm(){
                this.gonggao.title = ''; // 拟制公告标题
                this.gonggao.relationId = '';
                this.gonggao.publicState = '';
                this.gonggao.publicType = '';
                this.gonggao.attachContent = '';
                this.gonggao.isPublic = '0';
            },
            // 拟制公告
            gongGao(index,row){
                this.dialogGongGaoForm = true;
                this.viewareaearthquake = row;
                this.getUuid();
                this.clearForm();
            },
            viewgongGao(index,row){
                this.dialogGongGaoViewForm = true;
                axios({
                    method: 'get',
                    url:'/dzjap/publick/getGlPublick',
                    params: {
                        relationId: row.recordId
                    }
                })
                    .then(response => {
                    let data = response.data;
                if (data.code == 200) {
                    let rowdata = response.data.data;
                    this.clearForm(); // 重置
                    this.uuid = response.data.data.publicId;
                    this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                    this.gonggao = rowdata;
                } else {
                    this.$message.error(data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            // 拟制公告--发布
            release(){
                this.gonggao.relationId = this.viewareaearthquake.recordId;
                this.gonggao.publicId=this.uuid;
                this.gonggao.attachContent = this.gonggao.attachContent.replace(/[\n\r]/g,'<br/>');
                axios({
                    method: 'post',
                    url: '/dzjap/recordgain/addHandle',
                    data: this.gonggao
                })
                    .then(response => {
                    console.log(response);
                if (response.data.code == 200) {
                    // 拟制公告--发布成功
                    this.getData();
                    this.$message({
                        type: 'success',
                        message: '拟制公告发布成功!'
                    });
                    this.dialogGongGaoForm = false;
                    this.clearForm(); // 重置

                } else {
                    this.$message.error(data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            /* 单选搜索表单 */
            selectCurrentChange(val){
                this.currentRow = val;
            },
            handleSizeChange1(size) {
                this.pagesize1 = size;
                this.onSearch();
                /*console.log(this.pagesize) */
            },
            //点击第几页
            handleCurrentChange1(currentPage) {
                this.currentPage1 = currentPage;
                this.onSearch();
            },
            // 企业信息搜索
            onSearch(){
                axios({
                    method: 'get',
                    url: '/dzjap/constr/listcontr',
                    params: {
                        pageSize:this.pagesize1,
                        pageNo:this.currentPage1,
                        enterpriseName:this.formInline.enterpriseName,
                        enterpriseIdNumber:this.formInline.enterpriseIdNumber
                    }
                })
                    .then(response => {
                    let data=response.data.data.results;
                this.tableTotal1 = response.data.data.total;
                this.companyInformation=data;
            });
            },
            /* 搜索结束，回显数据 */
            onAddInformation(){
                this.dialogFormVisible = false; // 关dialog
                this.formInline.enterpriseName='';
                this.formInline.enterpriseIdNumber='';
                // 回显数据
                const comInformation = this.currentRow;
                //this.companycredit.enterpriseScoreNumber = comInformation.enterpriseScoreNumber;
                this.newareaearthquake.recordUnitName = comInformation.enterpriseName;
                this.newareaearthquake.recordUnitUser = comInformation.recordUnitUser;
                this.newareaearthquake.recordUnitPhone = comInformation.recordUnitPhone;
                this.newareaearthquake.recordUnitCode = comInformation.enterpriseIdNumber;
                this.newareaearthquake.recordUnitLegal = comInformation.legalMan;
                /*this.companycredit.enterpriseScore = comInformation.enterpriseScore;
                this.companycredit.enterpriseClassification = comInformation.enterpriseClassification;*/
            },
            addAddress(){
                this.newareaearthquake.address.push({
                    provinceValue:'',
                    cityValue:'',
                    areaValue:'',
                    detailAddress:'',
                    provinceData:[],
                    cityData:[],
                    areaData:[]
                })
                axios.get('../../json/ChinaCity.json').then(res=>{
                    this.newareaearthquake.address.forEach((item, index) => {
                        item.provinceData = res.data;
                    })
                }).catch(e => {
                    this.$message.error("网络连接超时");
                })
                this.editareaearthquake.address.push({
                    provinceValue:'',
                    cityValue:'',
                    areaValue:'',
                    detailAddress:'',
                    provinceData:[],
                    cityData:[],
                    areaData:[]
                })
                axios.get('../../json/ChinaCity.json').then(res=>{
                    this.editareaearthquake.address.forEach((item, index) => {
                        item.provinceData = res.data;
                    })
                }).catch(e => {
                    this.$message.error("网络连接超时");
                })

            },
            delAddress(index,item){
                this.newareaearthquake.address.splice(index, 1);
                this.editareaearthquake.address.splice(index, 1);
            },
            chooseProvince(item){
                console.log(item)
                console.log(item.provinceValue)
                item.cityValue='';
                item.areaValue='';
                item.cityData = [];
                item.areaData = [];
                item.provinceData.map(e=>{//遍历数据
                    if( item.provinceValue == e.name){
                        item.cityData = e.cityList;
                        return;
                    }
                })
            },
            chooseCity(item){
                item.areaValue='';
                item.cityData.map(e=>{//遍历数据
                    if( item.cityValue == e.name){
                        item.areaData = e.areaList;
                        return;
                    }
                })
            },
            chooseArea(item){
                console.log(item)
                console.log(item.areaValue)
            },
            changeValuetype(value){
            	console.log(value)
            	if(value == '0' || value == '3'){
            		this.LandType = '0';
            	}else{
            		this.LandType = '1';
            	}
            },
            // 验证字符串是否电话号
            checkTel(str) {
                let re = /^\d{3}-\d{8}|\d{4}-\d{7}$/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            },
            //验证非负浮点数值
            checkNum(str){
                let re=/^\d+(\.\d+)?$/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            },
            //验证营业执照或证件三合一
            checkCard(str){
                let re=/(^(?:(?![IOZSV])[\dA-Z]){2}\d{6}(?:(?![IOZSV])[\dA-Z]){10}$)|(^\d{15}$)/;
                if (re.test(str)) {
                    return true;
                } else {
                    return false;
                }
            },
            //全角转换半角
            ToCDB(str){
                console.log(str);
                debugger;
                if(str.match(/[\u0000-\u00ff]/g)){


                }else if(str.match(/[\uff00-\uffff]/g)){
                    var tmp  = " ";
                    for(var i=0;i<str.length;i++){
                        if(str.charCodeAt(i) == 12288){
                            tmp += String.fromCharCode(str.charCodeAt(i)-12256);
                            continue;
                        }
                        if(str.charCodeAt(i)>65280  &&  str.charCodeAt(i) < 65375){
                            tmp += Strinig.fromCharCode(str.charCodeAt(i)-65248 );
                        }else{
                            tmp += String.fromCharCode(str.charCodeAt(i));
                        }
                    }


                }

            }

        }
    })
</script>
</body>
</html>